<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Welcome to ABC Bank</title>
    <style type="text/css">
    .heading1 {color: #CCCCCC;
	alignment-adjust: cental alignment-adjust;
	font-size:42px;
	background-color:#03F;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	height:80px;
	padding:25px;
	padding-top:40px;
	margin:15px;
	font-family: Verdana, Geneva, sans-serif;
}
    .login {
	margin: 10%;
	margin-left:25%;
	height: 100px;
	width: 500px;
	background-color:#CCCCCC;
	padding-left:100px;
	padding-top: 70px;
	border-bottom-right-radius:100px;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
	.body {
		font-family:Verdana, Geneva, sans-serif;
    </style>
    <link rel="shortcut icon" href="favicon.ico" />
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
    <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <div class="heading1">
      <Center alignment &>
      ANVESHAK BANKING CORPORATION
    </div>
    <div class="login">
      <form name="form1" method="post" action="">
        <span id="sprytextfield1">
        <label>Username
          <input type="text" name="text1" id="text1">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span>
        <span id="sprypassword1"><br>
        <label>Password
          <input type="password" name="password1" id="password1">
        </label>
        <span class="passwordRequiredMsg">A value is required.</span><span class="passwordInvalidStrengthMsg">The password doesn't meet the specified strength.</span><span class="passwordMinCharsMsg">Minimum number of characters not met.</span></span><br>
    <input type="submit" value="Login">
      </form>
    </div>
    
    <script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["change"], minChars:5});
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minAlphaChars:8, minNumbers:1, minUpperAlphaChars:1, minSpecialChars:1, validateOn:["change"], minChars:8});
    </script>
</body>
</html>
